<template>
  <div class="invibox"  style="padding-bottom: 10px">
    <div class="firstrow">
      <el-form :inline="true" label-width="80px">
        <el-row :gutter="15" style="min-width: 1150px">
          <el-col :span="8">
            <el-form-item label="天猫主订单" style="font-weight: 600">
              <el-input
                style="width: 300px"
                v-model="q"
                placeholder="请输入订单号"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="销售单" style="font-weight: 600">
              <el-input
                style="width: 300px"
                v-model="q"
                placeholder="请输入销售单号"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="订单" style="font-weight: 600">
              <el-input
                style="width: 300px"
                v-model="q"
                placeholder="请输入天猫主订单号"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="firstrow">
      <el-form :inline="true" label-width="80px">
        <el-row :gutter="15">
          <el-col :span="8">
            <el-form-item label="进度" style="font-weight: 600">
              <el-input
                style="width: 300px"
                v-model="q"
                placeholder="请输入订单号"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="客户" style="font-weight: 600">
              <el-input
                style="width: 300px"
                v-model="q"
                placeholder="请输入销售单号"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="电话" style="font-weight: 600">
              <el-input
                style="width: 300px"
                v-model="q"
                placeholder="请输入天猫主订单号"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="firstrow">
      <el-form :inline="true" label-width="80px">
        <el-row :gutter="15">
          <el-col :span="8">
            <el-form-item label="店铺" style="font-weight: 600">
              <el-input
                style="width: 300px"
                v-model="q"
                placeholder="请输入订单号"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="类目" style="font-weight: 600">
              <el-input
                style="width: 300px"
                v-model="q"
                placeholder="请输入销售单号"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="受理" style="font-weight: 600">
              <el-input
                style="width: 300px"
                v-model="q"
                placeholder="请输入天猫主订单号"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="firstrow">
      <el-form :inline="true" label-width="80px">
        <el-row :gutter="15">
          <el-col :span="8">
            <el-form-item label="发起" style="font-weight: 600">
              <el-input
                style="width: 300px"
                v-model="q"
                placeholder="请输入订单号"
              ></el-input>
            </el-form-item>
          </el-col>
       
        </el-row>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
};
</script>
<style lang='css' scoped>
.firstrow {
  white-space: nowrap;
  margin-left: 35px;
  margin-bottom: 20px;
  overflow: hidden;
}
</style>